<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>练习回顾</title> 
<style>
li{display:inline;}   /*此时是控制了他的排列方式*/
</style>
</head>
<body>

<p>链接列表水平显示：</p>

<ul>
<li><a href="/html/" >HTML</a></li>
<li><a href="/css/" >CSS</a></li>
<li><a href="/js/" target="_blank">JavaScript</a></li>
<li><a href="/xml/" target="_blank">XML</a></li>
</ul>

<!--对于那个overflow，其对应的有“--hidden--sroll--visble--auto--inherit（这个玩意没有用过不知道什么鬼东西）-->
<hr>
这个是对于那个position <br> 
div.static {           <br>   <!--其实在此有static，以及那个relative，fixed absolute。。。。-->
    position: static;   <br>
    border: 3px solid #73AD21; <br>
}  <br>

<hr>
那么对于浮动“float”而言，其实我感觉用那个position更加的彻底  <br>
{  <br>
    float:left;   <br>
    width:110px; <br>
    height:90px;  <br>
    margin:5px;  <br>
}   <br>
 <hr>
 <h4>对齐的方式</h4>
 谈到对齐，那个用margin，可以进行控制它的四个方向 padding（外边距），其实在此那个position也同样用得到   <br>


</body>
</html>